	var chart;
    Highcharts.setOptions({  
        global: {  
            useUTC: false  
        }  
    });  
	chart = new Highcharts.Chart({
		chart: {
			renderTo: '{{div}}',
			defaultSeriesType: 'line',
			marginBottom: 70,
            borderRadius:5,
            borderWidth:1,
            borderColor:"#888",
            shadow:true,
            zoomType: 'x',
		},

		title: {
			text: '{{title}}',
			x: -20 //center
		},

	    //yAxis: {
        //    min: 0,
    	//	},
  
        xAxis: {
            type: 'datetime',
            maxPadding : 0.05,
            minPadding : 0.05,
            tickPixelInterval : 150,
            tickWidth:5,
            lineColor : '#990000',
            lineWidth :3,
            gridLineWidth :1,
            dateTimeLabelFormats: { // don't display the dummy year
                second: '%H:%M:%S',
                minute: '%e. %b %H:%M',
                hour: '%b/%e %H:%M',
                day: '%e /%b',
                week: '%e. %b',
                month: '%b %y',
                year: '%Y',
            }
        },

		tooltip: {
			formatter: function() {
                d = new Date();
                d.setTime(this.x);
	                return '<b>'+ this.series.name +'</b><br/>'+
					Highcharts.dateFormat('%e. %b %H:%M:%S', this.x)  +': '+ this.y ;
			}
		},
   
		legend: {
            backgroundColor: '#FFFFFF',
			layout: 'vertical',
			verticalAlign: 'bottom',
			borderWidth: 1
		},
		series: [
            {% for e in lst %}
                {name: '{{e.0}}', data: {{ e.1 }}},
            {% endfor %}
		]
	});
